<script setup lang="ts">
import { PodCondition } from "@/views/domain/kubeHud/api/k8s/types";

type Prop = {
  conditions?: any[];
};

const props = defineProps<Prop>();
</script>

<template>
  <div class="condition-wrapper">
    <el-table :data="props.conditions" style="width: 100%">
      <el-table-column prop="type" label="Type" />
      <el-table-column prop="status" label="Status" />
      <el-table-column prop="lastTransitionTime" label="Last Transition Time" />
      <el-table-column prop="reason" label="Reason" />
      <el-table-column prop="message" label="Message" />
    </el-table>
  </div>
</template>
<style lang="scss" scoped>
.condition-wrapper {
  .el-table {
    border-radius: 12px;
    overflow: hidden;
    --el-table-header-bg-color: var(--el-color-primary-dark-1);
    --el-table-header-text-color: var(--el-border-color-lighter);
  }
}
</style>
